import { Step, Icon } from '@fomantic-react/main';

export default () => (
  <Step.Group>
    <Step completed>
      <Icon name="truck" />
      <Step.Content>
        <Step.Title>Shipping</Step.Title>
        <Step.Description>Choose your shipping options</Step.Description>
      </Step.Content>
    </Step>
    <Step active>
      <Icon name="payment" />
      <Step.Content>
        <Step.Title>Billing</Step.Title>
        <Step.Description>Enter billing information</Step.Description>
      </Step.Content>
    </Step>
    <Step>
      <Icon name="info" />
      <Step.Content>
        <Step.Description>Confirm Order</Step.Description>
      </Step.Content>
    </Step>
  </Step.Group>
);
